<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/taskcompleted.css" />
    <!-- <link rel="stylesheet" href="css/common.css"> -->
    <link rel="stylesheet" href="css/LCalendar.css">
    <script src="js/flexible.js"></script>
    <script src="js/taskcompleted.js"></script>
    <link rel="stylesheet" href="./css/common.css">
   
  </head>
  <body>
    <!-- 头部 -->
    <div class="tophead">
      <div class="head">
        <ul>
          <li>
            <p class="nottakegoods">待提货</p>
          </li>
          <li>
            <p>在途</p>
          </li>
          <li>
            <p class="finshed">已完成</p>
          </li>
        </ul>
        <div class="line"></div>
      </div>
      <!-- 搜索框 -->
      <div class="search">
        <div class="searchbox">
          <img src="images/搜索图标.png" alt="" />
          <input type="text" placeholder="请输入任务编号" />
        </div>
      </div>
      <!-- 时间筛选 -->
      <div class="timebox">
        <input class="kinerDatePickerInput timestart" id="demo1" title="开始时间" placeholder="开始时间" ></input>
        <span>至</span>
        <input class="kinerDatePickerInput timeend" id="demo2" title="结束时间"  placeholder="结束时间" ></input>
        <button class="select" disabled data-id="1">筛选</button>
      </div>
    </div>
    <!-- 任务编号 -->
   <div class="body">
    <!-- <div class="tasknum">
      <div class="top">任务编号：XAHH1234567</div>
      <span class="radius1">起</span>
      <div class="verticalline"></div>
      <span class="radius2">止</span>
      <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
      <p class="article2">河南省郑州市路北区北清路99号</p>
      <div class="line"></div>
      <div class="gettime">
        提货时间 <span class="time">2022.05.04 13:00</span>
      </div>
    </div>
    <div class="tasknum2">
      <div class="top">任务编号：XAHH1234567</div>
      <span class="radius1">起</span>
      <div class="verticalline"></div>
      <span class="radius2">止</span>
      <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
      <p class="article2">河南省郑州市路北区北清路99号</p>
      <div class="line"></div>
      <div class="gettime">
        提货时间 <span class="time">2022.05.04 13:00</span>
      </div>
    </div>
    <div class="tasknum3">
      <div class="top">任务编号：XAHH1234567</div>
      <span class="radius1">起</span>
      <div class="verticalline"></div>
      <span class="radius2">止</span>
      <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
      <p class="article2">河南省郑州市路北区北清路99号</p>
      <div class="line"></div>
      <div class="gettime">
        提货时间 <span class="time">2022.05.04 13:00</span>
      </div>
    </div> -->
   </div>
    <!-- 隐藏的图片和文字 -->
    <div class="hidebox">
      <div class="pic">
        <img src="images/不存在.png" alt="">
      </div>
      <p class="notfined">未找到相关任务</p>
    </div>
    <!-- 已显示全部 -->
    <div class="allshow">已显示全部</div>

    <!-- 底部 -->
    <div class="common_button">
      <a href="#" class="task a">
        <img src="./images/btn_test_sel (1).png" alt="" />
        <div class="red">任务</div>
      </a>
      <a href="#" class="task b">
        <img src="./images/黑铃铛.png" alt="" />
        <div>消息</div>
      </a>
      <a href="#" class="task c">
        <img src="./images/btn_mine_nor.png" alt="" />
        <div>我的</div>
      </a>
    </div>
    <script src="js/LCalendar.js"></script>
    <script src="js/quest.js"></script>
    
  </body>
</html>
